<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel ="stylesheet" href="index.css">
</head>
<body>
    <header>
  <div class="icon"></div>
 <div class="title">推荐旅游目的地</div>
<div class="radius btn right">签到</div>
    </header>
    <section class="main">
        
        <input type="search" name="query" placeholder="搜索你想去的地方">
           <ul class="nav">
                <li><a href="#" class="active">首选</a></li>
                <li><a href="#">推荐</a></li>
                <li><a href="#">大陆</a></li>
               

           </ul>
           <section class="mid-con">
       <div class="title">
         <span class="text">首尔，山水中的彩墨美学</span>

       </div>
       <div class="pics">
          <ul>
     <li><img src="./images/1.jpg " alt=""><span>新村大学城</span></li>
      <li><img src="./images/2.jpg " alt=""><span>乐天世界</span></li>
       <li><img src="./images/3.jpg " alt=""><span>梨花笔画村</span></li>

          </ul>

       </div>


           </section>



    </section>
    <footer></footer>
    
</body>
</html>